﻿<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional //EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
    <head>
        <title></title>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <!--[if gte mso 9]>
        <style _tmplitem="224" >
        .article-content ol, .article-content ul {
           margin: 0 0 0 24px;
           padding: 0;
           list-style-position: inside;
        }
        </style>
        <![endif]-->
        <style type="text/css">
            /* Mobile-specific Styles */
      
            @media only screen and (max-device-width: 480px) { 
                table[class=w0], td[class=w0] { width: 0 !important; }
                table[class=w10], td[class=w10], img[class=w10] { width:10px !important; }
                table[class=w15], td[class=w15], img[class=w15] { width:5px !important; }
                table[class=w30], td[class=w30], img[class=w30] { width:10px !important; }
                table[class=w60], td[class=w60], img[class=w60] { width:10px !important; }
                table[class=w125], td[class=w125], img[class=w125] { width:80px !important; }
                table[class=w130], td[class=w130], img[class=w130] { width:55px !important; }
                table[class=w140], td[class=w140], img[class=w140] { width:90px !important; }
                table[class=w160], td[class=w160], img[class=w160] { width:180px !important; }
                table[class=w170], td[class=w170], img[class=w170] { width:100px !important; }
                table[class=w180], td[class=w180], img[class=w180] { width:80px !important; }
                table[class=w195], td[class=w195], img[class=w195] { width:80px !important; }
                table[class=w220], td[class=w220], img[class=w220] { width:80px !important; }
                table[class=w240], td[class=w240], img[class=w240] { width:180px !important; }
                table[class=w255], td[class=w255], img[class=w255] { width:185px !important; }
                table[class=w275], td[class=w275], img[class=w275] { width:135px !important; }
                table[class=w280], td[class=w280], img[class=w280] { width:135px !important; }
                table[class=w300], td[class=w300], img[class=w300] { width:140px !important; }
                table[class=w325], td[class=w325], img[class=w325] { width:95px !important; }
                table[class=w360], td[class=w360], img[class=w360] { width:140px !important; }
                table[class=w410], td[class=w410], img[class=w410] { width:180px !important; }
                table[class=w470], td[class=w470], img[class=w470] { width:200px !important; }
                table[class=w580], td[class=w580], img[class=w580] { width:280px !important; }
                table[class=w640], td[class=w640], img[class=w640] { width:300px !important; }
                table[class*=hide], td[class*=hide], img[class*=hide], p[class*=hide], span[class*=hide] { display:none !important; }
                table[class=h0], td[class=h0] { height: 0 !important; }

  
                .article-content, #left-sidebar{ -webkit-text-size-adjust: 90% !important; -ms-text-size-adjust: 90% !important; }
                .header-content, .footer-content-left {-webkit-text-size-adjust: 80% !important; -ms-text-size-adjust: 80% !important;}
                img { height: auto; line-height: 100%;}
            } 
            /* Client-specific Styles */
            #outlook a { padding: 0; }	/* Force Outlook to provide a "view in browser" button. */
            body { width: 100% !important; direction: rtl;}
            .ReadMsgBody { width: 100%; }
            .ExternalClass { width: 100%; display:block !important; } /* Force Hotmail to display emails at full width */
            /* Reset Styles */
            /* Add 100px so mobile switch bar doesn't cover street address. */
            body { background-color: #f2efef; margin: 0; padding: 0; direction: rtl; }
            img { outline: none; text-decoration: none; display: block;}
            br, strong br, b br, em br, i br { line-height:100%; }
            h1, h2, h3, h4, h5, h6 { line-height: 100% !important; -webkit-font-smoothing: antialiased; }
            h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: blue !important; }
            h1 a:active, h2 a:active,  h3 a:active, h4 a:active, h5 a:active, h6 a:active {	color: red !important; }
            /* Preferably not the same color as the normal header link color.  There is limited support for psuedo classes in email clients, this was added just for good measure. */
            h1 a:visited, h2 a:visited,  h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited { color: purple !important; }
            /* Preferably not the same color as the normal header link color. There is limited support for psuedo classes in email clients, this was added just for good measure. */  
            table td, table tr { border-collapse: collapse; }
            .yshortcuts, .yshortcuts a, .yshortcuts a:link,.yshortcuts a:visited, .yshortcuts a:hover, .yshortcuts a span {
                color: black; text-decoration: none !important; border-bottom: none !important; background: none !important;
            }	/* Body text color for the New Yahoo.  This example sets the font of Yahoo's Shortcuts to black. */
            /* This most probably won't work in all email clients. Don't include <code _tmplitem="224" > blocks in email. */
            code {
                white-space: normal;
                word-break: break-all;
            }
 
 
         
       
            #note  { 
                padding: 8px 35px 8px 14px;
                margin-bottom: 20px;
                text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
                background-color: #fcf8e3;
                border: 1px solid #fbeed5;
                -webkit-border-radius: 4px;
                -moz-border-radius: 4px;
                border-radius: 4px;
                color: #3a87ad;
                background-color: #d9edf7;
                border-color: #bce8f1;
            }
            #note a { color: #ffffff; text-decoration: none; font-weight: bold; }
           
        
            .table {
                width: 100%;
                margin-top: 20px;
                border-collapse: collapse;
                border-bottom:  #dddddd solid 1px;

            }

            .table th,
            .table td {
                padding: 7px;
                line-height: 20px;
                text-align: right;
                vertical-align: top;
                border: none;
                border-top: 1px solid #dddddd;
            }

            .table th {
                font-weight: bold;
                background-color: #556c90;
                color: #ffce6b;

            }

            .table thead th {
                vertical-align: bottom;
            }
            .table thead tr{
                border: 1px solid #556c90; 

            }
            .table tbody tr{
                border-right: #dddddd solid 1px;
                border-left: #dddddd solid 1px;
                font-size: 13px; 
            }
            .table caption + thead tr:first-child th,
            .table caption + thead tr:first-child td,
            .table colgroup + thead tr:first-child th,
            .table colgroup + thead tr:first-child td,
            .table thead:first-child tr:first-child th,
            .table thead:first-child tr:first-child td {
                border-top: 0;
            }

            .table tbody + tbody {
                border-top: 1px solid #dddddd;

            }
            .table-hover tbody tr:hover > td,
            .table-hover tbody tr:hover > th {
                background-color: #f5f5f5;

            }
        </style>
        
    </head>
    <body>
       
        <table width="100%" style="background-color: #f2efef;" cellpadding="0" cellspacing="0" border="0" dir="rtl" id="background-table">
            <tbody><tr>
                    <td align="center" bgcolor="#f2f2f2" style="font-family: 'Helvetica Neue', Arial, Helvetica, Geneva, sans-serif;direction: rtl;">
                        <table  style="margin:0 10px;" width="640" cellpadding="0" cellspacing="0" border="0">
                            <tbody><tr><td  width="640" height="20"></td></tr>

                                <tr>
                                    <td  width="640" >
                                        <table   width="640" style="padding: 10px 0px;border-radius:6px 6px 0px 0px; -moz-border-radius: 6px 6px 0px 0px; -webkit-border-radius:6px 6px 0px 0px; -webkit-font-smoothing: antialiased; background-color: #556c90; color: #ccac0c;" cellpadding="0" dir="rtl" cellspacing="0" border="0" bgcolor="#e6e8eb">
                                            <tbody><tr>
                                                    <td  width="15"></td>
                                                    <td class="w325" width="350" valign="middle" align="right">

                                                        <div class="header-content" style="font-size: 12px; color: #ccac0c; -webkit-text-size-adjust: none; -ms-text-size-adjust: none;"><a href="#" style="font-weight: normal; color: #ffce6b; text-decoration: none;" target="_blank">Web Version</a><span class="hide">&nbsp;&nbsp;|&nbsp; <a href="#" style="font-weight: normal; color: #ffce6b; text-decoration: none;" target="_blank">Update preferences</a>&nbsp;&nbsp;|&nbsp; <a href="#" style="font-weight: normal; color: #ffce6b; text-decoration: none;" target="_blank">Unsubscribe</a></span></div>

                                                    </td>
                                                    <td class="w30" width="30"></td>
                                                    <td class="w255" width="255" valign="middle" align="left">

                                                        <table cellpadding="0" cellspacing="0" border="0">
                                                            <tbody><tr>

                                                                    <td valign="middle"><img src="{Url}email_img/facebook.png" border="0" width="8" height="14" alt="Facebook icon"=""></td>
                                                                    <td width="3"></td>
                                                                    <td valign="middle"><div class="header-content" style=" font-size: 12px; color: #ccac0c; -webkit-text-size-adjust: none; -ms-text-size-adjust: none;"><a href="https://www.facebook.com/wasetycom" style="font-weight: normal; color: #ffce6b; text-decoration: none;" target="_blank">Facebook</a></div></td>


                                                                    <td class="w10" width="10"></td>
                                                                    <td valign="middle"><a href="#" style="font-weight: normal;" target="_blank"><img src="{Url}email_img/twitter.png" border="0" width="17" height="13" alt="Twitter icon"=""></a></td>
                                                                    <td width="3"></td>
                                                                    <td valign="middle"><div class="header-content" style=" font-size: 12px; color: #ccac0c; -webkit-text-size-adjust: none; -ms-text-size-adjust: none;"><a href="https://twitter.com/wasetycom" style="font-weight: normal; color: #ffce6b; text-decoration: none;" target="_blank">Twitter</a></div></td>


                                                                    <td class="w10" width="10"></td>
                                                                    <td valign="middle"><a href="#" style="font-weight: normal;" target="_blank"><img src="{Url}email_img/youtube.png" border="0"  width="16" alt="Youtube icon"=""></a></td>
                                                                    <td width="3"></td>
                                                                    <td valign="middle"><div class="header-content" style="font-size: 12px; color: #ccac0c;  -webkit-text-size-adjust: none; -ms-text-size-adjust: none;"><a href="#" style="font-weight: normal; color: #ffce6b; text-decoration: none;" target="_blank">Youtube</a></div></td>

                                                                </tr>
                                                            </tbody></table>

                                                    </td>
                                                    <td  width="15"></td>
                                                </tr>
                                            </tbody></table>

                                    </td>
                                </tr>
                                <tr>
                                    <td id="header"  width="640" align="center" bgcolor="#e6e8eb">

                                        <div align="right" style="text-align: right;padding: 15px;">
                                            <a href="{Url}" target="_blank">
                                                <img id="customHeaderImage" label="Header Image" editable="true" width="221" src="http://wasety.com/application/views/templates/default/images/logo.png"  border="0" align="top" style="display: inline;">
                                            </a>
                                        </div>


                                    </td>
                                </tr>

                                <tr><td  width="640" height="30" bgcolor="#ffffff"></td></tr>
                                <tr id="simple-content-row"><td  width="640" bgcolor="#ffffff">
                                        <table  width="640" cellpadding="0" cellspacing="0" border="0">
                                            <tbody><tr>
                                                    <td class="w30" width="30"></td>
                                                    <td class="w580" width="580">
                                            <repeater>